<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		li{
			width:60px;height:60px;
			display:block;
			background:url('./images/tag.jpg');
		}

		li.c1{ background-position:-478px -193px; }
		li.c2{ background-position:-426px -305px; }
		li.c3{ background-position:-540px -365px; }
		li.c4{ background-position:-535px -193px; }
		li.c5{ background-position:-364px -423px; }
		li.c6{ background-position:-542px -421px; }
		li.c7{ background-position:-312px -426px; }
		li.c8{ background-position:-426px -252px; }
	</style>
</head>
<body>
	<ul>
		<li class='c1'></li>
		<li class='c2'></li>
		<li class='c3'></li>
		<li class='c4'></li>
		<li class='c5'></li>
		<li class='c6'></li>
		<li class='c7'></li>
		<li class='c8'></li>
	</ul>
</body>
</html>